<template>
    <el-select v-model="selectValue"  v-bind="$attrs"
               v-on="$listeners" >
        <el-option
                v-for="(item,index) in dataList"
                :key="index"
                :label="item[option.name]"
                :value="item[option.value]">
          <slot :data="item"></slot>
        </el-option>
    </el-select>
</template>
<script>
    export default {
        name:"SimpleSelect",
        props:{
            dataList:{
                type:Array,
                default:function () {
                    return []
                }
            },
            option:{
                type:Object,
                default:function () {
                    return {name:"name",value:"id"}
                }
            },
            value:{
                type:[Number,String,Boolean,Array],
                default:undefined
            }
        },
      created() {
      },
      computed:{
            selectValue:{
                get(){
                    return this.value
                },
                set(v){
                    this.$emit("input",this.value)
                }
            }
        }
    }
</script>
